@charset "utf-8";

.container {
	width: 1340px;
	margin: auto
}

.w1340 {
	width: 1340px;
	margin: 0 auto
}

.rackWor {
	padding-top: 50px
}

.claer {
	padding: 30px 0 30px 0;
	margin-bottom: 10px
}

.effect-lower {
	position: relative
}

.effect-lower .effect-lower-block {
	position: absolute;
	left: -50px;
	top: 29px;
	width: 120px;
	height: 120px;
	border: 1px #ddd solid;
	padding: 5px;
	z-index: 9;
	background: #fff;
	transform-origin: 95% 0;
	transform: scale(.01);
	-moz-transform: scale(.01);
	transition: all 1s
}

.effect-lower:hover .effect-lower-block {
	opacity: 1;
	transform: scale(1)
}

.header {
	position: relative;
	padding: 35px 0;
	height: 95px
}

.fixed-top {
	position: fixed;
	z-index: 99000;
	width: 100%;
	height: 60px;
	padding: 18px 0;
	box-shadow: 0 0 10px #ddd;
	background: #fffFFF;
        margin-top:-24px;
}

.fixed-top .logo img {
	height: 30px
}

.header.fixed-top .nav li {
	padding-bottom: 18px
}

.header.fixed-top .nav li a.navAone:before {
	bottom: -18px
}

.header .logo {
	float: left;
	height: 40px
}

.header .logo img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.header .nav li {
	float: left;
	padding: 0 20px;
	position: relative;
	padding-bottom: 36px
}

.header .nav li a.navAone {
	position: relative;
	display: block;
	color: #3d3d3d;
	font-size: 16px;
	height: 100%
}

.header .nav li a.navAone:hover,.header .nav li.active a.navAone {
	color: #2a3d77
}

.header .nav li a.navAone:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -36px;
	width: 0%;
	height: 3px;
	background: #2a3d77;
	transition: all .4s ease-in-out
}

.header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before {
	width: 100%
}

.header .nav .sub {
	display: none;
	position: absolute;
	left: -25%;
	top: 100%;
	width: 150%;
	z-index: 99;
	text-align: center;
	border: 1px #ddd solid;
	padding: 10px;
	background: #fff
}

.header .nav .sub a {
	display: block;
	color: #666;
	font-size: 14px;
	padding: 10px 0;
	border-bottom: 1px #e9e9e9 dashed
}

.header .nav .sub a:last-child {
	border: none
}

.header .nav .sub a:hover {
	color: #2a3d77
}

.header .right {
	border-left: 1px #333 dotted;
	margin-left: 20px
}

.header .right .block {
	float: left;
	margin-left: 30px
}

.header .right .lang {
	position: relative;
	padding-right: 20px
}

.header .right .lang.icon-angle-down:before {
	position: absolute;
	right: 0;
	top: 5px;
	color: #666;
	font-size: 14px
}

.header .right .lang .down {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 6;
	width: 50px;
	border: #ddd solid 1px;
	padding: 5px;
	text-align: center
}

.header .right .lang:hover .down {
	display: block
}

.header .right .lang:hover .down a {
	font-size: 14px
}

.header .right .lang:hover .down a:hover {
	color: #fff;
	background: #2a3d77
}

.header .right .lang a {
	display: block;
	color: #666;
	font-size: 16px
}

.header .right .lang a:hover {
	color: #2a3d77
}

.header .search {
	position: relative
}

.header .search em {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px
}

.header .search:hover .box {
	opacity: 1;
	height: 100px
}

.header .search .box form {
	width: 600px;
	margin: auto;
	padding: 25px 20px 20px 20px
}

.header .search .box {
	opacity: 0;
	position: absolute;
	top: 59px;
	right: 0;
	z-index: 99;
	height: 0;
	width: 1200px;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	background: #fffcfc;
	border: 1px #f1f1f1 solid
}

.header .search .box span {
	color: #2a3d77;
	font-size: 15px;
	padding-right: 30px
}

.header .search .box input {
	width: 0;
	height: 40px;
	color: #666;
	border-bottom: 1px #2a3d77 solid;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	outline: medium;
	background: 0 0
}

.header .search .box input::-webkit-input-placeholder {
	color: #999
}

.header .search .box input:-moz-placeholder {
	color: #999
}

.header .search .box input::-moz-placeholder {
	color: #999
}

.header .search .box input:-ms-input-placeholder {
	color: #999
}

.header .search .box button {
	width: 0;
	height: 0;
	border: 0;
	color: #fff;
	font-size: 15px;
	border-radius: 50%;
	cursor: pointer;
	background: #2a3d77
}

.header .search:hover input {
	width: 310px;
	transition: all .8s ease-in-out
}

.header .search:hover button {
	width: 40px;
	height: 40px;
	transform: rotate(360deg);
	transition: all .8s ease-in-out
}

.header .search .box button:hover {
	background: #000
}

.header .tel em {
	display: block;
	font-size: 20px;
	width: 20px;
	height: 20px
}

.header .right .tel .effect-lower-block {
	top: 30px;
	left: auto;
	right: 0;
	height: auto;
	width: 200px;
	padding: 10px;
	font-size: 20px;
	font-weight: 700;
	text-align: center
}

.applicationHome {
	margin: 80px 0 50px 0
}

.applicationHome ul li {
	float: left;
	width: 445px;
	height: 360px;
	margin-left: 1px
}

.applicationHome ul li a {
	position: relative;
	z-index: 2;
	display: block;
	padding: 60px;
	overflow: hidden;
	background: #ededed
}

.applicationHome ul li .bg {
	opacity: 0;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transform: scale(1.1);
	transition: all .4s ease-in-out
}

.applicationHome ul li em {
	position: relative;
	display: block;
	width: 40px;
	height: 42px;
	background-position: 0 2px;
	background-repeat: no-repeat;
	transition: all .4s ease-in-out
}

.applicationHome ul li em:before {
	content: "";
	position: absolute;
	left: -20px;
	top: -20px;
	width: 80px;
	height: 80px;
	border: 1px #ddd solid;
	border-radius: 50%;
	transition: all .4s ease-in-out
}

.applicationHome ul li h4 {
	margin-top: 60px;
	color: #333;
	font-size: 26px
}

.applicationHome ul li .model {
	color: #666;
	font-size: 14px
}

.applicationHome ul li .txt {
	margin-top: 30px;
	color: #666;
	font-size: 12px
}

.applicationHome ul li .line {
	width: 100px;
	height: 5px
}

.applicationHome ul li:hover .bg {
	opacity: 1;
	transform: scale(1)
}

.applicationHome ul li:hover em {
	background-position: 0 -41px
}

.applicationHome ul li:hover em:before {
	border: 1px #2a3d77 solid
}

.applicationHome ul li:hover h4 {
	color: #2a3d77
}

.applicationHome ul li:hover .model,.applicationHome ul li:hover .txt {
	color: #000
}

.applicationHome ul li:hover .model,.applicationHome ul li:hover .txt {
	color: #000
}

.applicationHome ul li.x1 em {
	background-image: url(c-ico-01.png)
}

.applicationHome ul li.x2 em {
	background-image: url(c-ico-02.png)
}

.applicationHome ul li.x3 em {
	background-image: url(c-ico-03.png)
}

.catenate-list {
	padding: 50px 80px 80px 80px;
	overflow: hidden
}

.catenate-list li {
	float: left;
	width: 245px;
	border-right: 1px #999 dotted;
	margin-right: 50px/*! padding-right:50px; */
}

.catenate-list li:last-child {
	border: none
}

.catenate-list li a {
	display: table;
	margin: auto;
	color: #191919;
	font-size: 18px
}

.catenate-list li a span {
	display: block;
	color: #666;
	font-size: 12px;
	margin-top: 2px
}

.catenate-list li a:hover {
	color: #2a3d77
}

.catenate-list li a:hover span {
	color: #2a3d77
}

.titleAx {
	color: #000;
	font-size: 20px
}

.titleAx span {
	margin: 5px 0;
	display: block;
	color: #999;
	font-size: 12px
}

.titleAx hr {
	width: 20px;
	height: 1px;
	border: none;
	background: #2a3d77
}

.advantagesHome {
	margin: 0 0;
	padding: 60px 0;
	background: url(bg01.jpg)
}

.advantagesHome .list {
	margin-top: 50px
}

.advantagesHome .list li {
	float: left;
	width: 420px;
	margin-right: 40px;
	background: #fff
}

.advantagesHome .list li:last-child {
	margin-right: 0
}

.advantagesHome .list li a {
	display: block
}

.advantagesHome .list li .pic img {
	height: 280px
}

.advantagesHome .list li .box {
	padding: 20px 30px
}

.advantagesHome .list li .box h4 {
	color: #191919;
	font-size: 22px
}

.advantagesHome .list li .box p {
	margin-top: 20px;
	color: #585858;
	font-size: 12px
}

.advantagesHome .list li .box .more {
	margin-top: 35px;
	display: table;
	color: #fff;
	font-size: 12px;
	padding: 5px 20px;
	background: #0090dc
}

.advantagesHome .list li:hover h4 {
	color: #2a3d77
}

.advantagesHome .list li:hover .more {
	background: #f60
}

.aboutHome {
	padding: 100px 0;
	background: url(bg02.jpg) no-repeat center
}

.aboutHome .left {
	position: relative;
	z-index: 2;
	width: 710px
}

.aboutHome .left:before {
	content: "";
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(bg03.png)
}

.aboutHome .left img {
	max-width: 100%;
	display: block
}

.aboutHome .left:hover .line {
	background: #2a3d77
}

.aboutHome .right {
	margin-top: 50px;
	width: 570px
}

.aboutHome .right .title {
	color: #333;
	font-size: 24px
}

.aboutHome .right .wx {
	margin-top: 40px;
	color: #666;
	font-size: 15px
}

.aboutHome .right .wx p {
	text-indent: 2em;
	line-height: 36px
}

.aboutHome .right .more {
	margin-top: 40px;
	display: table;
	position: relative
}

.newsHome {
	padding: 120px 0 80px 0
}

.newsHome .titleTop {
	margin-bottom: 50px;
	overflow: hidden
}

.newsHome .titleTop .titleAx {
	float: left
}

.newsHome .tone {
	float: right
}

.newsHome .list li {
	float: left;
	width: 413px;
	margin-right: 50px
}

.newsHome .list li:last-child {
	margin-right: 0
}

.newsHome .list li h4 {
	margin-top: 30px;
	color: #191919;
	font-size: 16px
}

.newsHome .list li p {
	margin: 25px 0 20px 0;
	color: #666;
	font-size: 12px
}

.newsHome .list li .time {
	display: table;
	color: #999;
	font-size: 12px
}

.newsHome .list li .time:before {
	float: right;
	margin-left: 5px;
	font-size: 14px;
	margin-top: 5px;
	color: #999
}

.newsHome .list li:hover h4 {
	color: #2a3d77
}

.listBanner {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	height: 500px;
	overflow: hidden
}

.listWrapper {
	padding: 60px 0;
	overflow: hidden
}

.breadCrumb {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e5e5e5
}

.breadCrumb strong {
	font-size: 24px;
	color: #2a3d77;
	font-weight: 400
}

.breadCrumb p,.listMenu p {
	background: url(home_icon.png) no-repeat left center;
	padding-left: 30px
}

.breadCrumb2 {
	height: 80px;
	line-height: 80px;
	background: url(home_icon.png) no-repeat left center;
	padding-left: 30px;
	width: 1310px
}

.hTitle {
	font-size: 40px;
	color: #191919;
	margin-bottom: 30px;
	line-height: 40px;
	text-align: center
}

.hTitle span {
	font-size: 14px;
	opacity: .8;
	display: block
}

.hMore {
	float: right;
	font-size: 14px;
	font-family: Arial;
	background: url(mIcon.png) no-repeat left center;
	padding-left: 20px;
	margin-top: 30px;
	position: relative;
	z-index: 2
}

.listMenu {
	height: 60px;
	line-height: 60px;
	margin-top: -61px;
	position: relative;
	z-index: 10;
	text-align: right;
	font-size: 16px
}

.listMenu a {
	display: inline-block;
	padding: 0 40px;
	text-align: center;
	background: #fff;
	margin-left: 1px;
	position: relative;
	z-index: 2
}

.listMenu .cur,.listMenu a:hover {
	background: #2a3d77;
	color: #fff
}

.listMenu a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 0;
	width: 100%;
	background: #2a3d77;
	z-index: -1;
	transition: all .4s
}

.listMenu .cur::after,.listMenu a:hover::after {
	top: 0;
	height: 100%
}

.supportBox1 {
	overflow: hidden;
	margin-bottom: 60px;
	background: #f0f0f0
}

.supportBox1 .menu,.supportBox2 .menu {
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #d8d8d8;
	background: #f0f0f0
}

.supportBox1 .menu a,.supportBox2 .menu a {
	color: #333;
	width: 445px;
	display: inline-block;
	border-right: 1px solid #d8d8d8
}

.supportBox1 .menu a:last-child,.supportBox2 .menu a:last-child {
	border-right: none
}

.supportBox1 .menu a.on,.supportBox2 .menu a.on {
	background: #2a3d77;
	color: #fff
}

.supportBox1 .main {
	height: 405px;
	overflow: hidden
}

.download li {
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 70px
}

.download li p {
	background: url(pdfIcon.png) no-repeat left center;
	padding-left: 35px
}

.download li a {
	float: right;
	width: 100px;
	height: 26px;
	line-height: 26px;
	background: #2a3d77;
	color: #fff;
	text-align: center;
	margin-top: 28px
}

.download li a:hover {
	background: #002c6b;
	color: #fff
}

.download li.more {
	text-align: center
}

.download li.more a {
	float: none;
	display: inline-block;
	background: #f0f0f0;
	color: #333
}

.download li.more i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(mIcon.png) no-repeat;
	margin-left: 10px
}

.download li.more a:hover {
	background: #2a3d77;
	color: #fff
}

.download li:hover {
	background: #f5f5f5
}

.supportBox2 .main {
	margin-top: 20px;
	overflow: hidden;
	background: #f0f0f0
}

.preSale .pImg,.preSale .pImg img {
	width: 670px;
	height: 445px;
	overflow: hidden;
	transition: all .5s
}

.preSale:hover img {
	transform: scale(1.1)
}

.preSale .font {
	padding: 40px 60px;
	width: 550px;
	overflow: hidden
}

.preSale .tel {
	background: url(tel.png) no-repeat left center;
	padding-left: 40px;
	margin-top: 40px
}

.preSale .tel span {
	display: block;
	font-size: 26px;
	font-family: Arial;
	color: #2a3d77;
	font-weight: 700
}

.supportFaq li {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 1px
}

.supportFaq li a {
	display: block;
	padding: 0 50px;
	background: url(ly_li.png) no-repeat 40px center
}

.supportFaq li a:hover {
	background-color: #eee
}

.supportFaq li span {
	float: right;
	color: #999
}

.downList li {
	height: auto;
	line-height: 26px;
	padding: 15px 0;
	transition: all .3s
}

.downList li a {
	margin-top: 0
}

.downList li:hover {
	background: #f5f5f5;
	padding: 15px 10px
}

.proWrap {
	padding: 60px 0
}

.listTie {
	font-size: 36px;
	text-align: center;
	color: #191919;
	line-height: 34px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 40px
}

.listTie span {
	display: block;
	font-size: 12px;
	opacity: .8;
	line-height: 20px;
	text-transform: uppercase;
	padding-top: 5px
}

.listTie::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 1px;
	width: 16px;
	background: #ccc;
	margin-left: -8px
}

.proIndex {
	width: 1380px
}

.proIndex .m {
	float: left;
	width: 420px;
	border: 1px solid #ccc;
	background: #fff;
	height: 480px;
	transition: all .3s;
	position: relative;
	margin-bottom: 30px;
	margin-right: 36px;
	box-shadow: 0 3px 8px #ccc
}

.proIndex li .pImg {
	width: 420px;
	height: 220px;
	overflow: hidden;
	display: block;
	margin-bottom: 30px
}

.proIndex li img {
	transition: all .5s ease-in;
	width: 420px;
	height: 220px
}

.proIndex li h4 {
	font-size: 24px;
	margin-bottom: 15px;
	padding: 0 20px
}

.proIndex li h4 a {
	color: #2a3d77
}

.proIndex li h4 a:hover {
	text-decoration: underline
}

.proIndex .menu {
	padding: 0 20px
}

.proIndex .menu li {
	font-size: 14px;
	position: relative;
	height: 28px
}

.proIndex .menu li a {
	display: block;
	background: url(m_icon.png) no-repeat right center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px
}

.proIndex .menu li .on,.proIndex .menu li a:hover {
	padding-left: 6px;
	text-decoration: underline;
	color: #2a3d77
}

.proIndex .m:hover img {
	transform: scale(1.1)
}

.proIndex .sub {
	position: absolute;
	width: 170px;
	border: 1px solid #ddd;
	padding: 10px;
	background: #fff;
	font-size: 13px;
	z-index: 5;
	left: 0;
	top: 30px;
	box-shadow: 0 0 5px #ddd;
	display: none
}

.proIndex .m:hover {
	box-shadow: 0 3px 8px #609cd4
}

.proWrap2 {
	padding-bottom: 60px;
	overflow: hidden
}

.proSide {
	width: 320px;
	float: left
}

.sidebarMenu {
	background: #eee;
	border-top: none
}

.sidebarMenu li {
	font-size: 15px
}

.sidebarMenu li a {
	height: 50px;
	line-height: 50px;
	background: url(sub_li.png) no-repeat 25px center;
	padding-left: 40px;
	display: block;
	color: #454545;
	border-bottom: 1px solid #e1e1e1
}

.sidebarMenu li .cur,.sidebarMenu li a:hover {
	background: #2a3d77 url(sub_lih.png) no-repeat 25px center;
	color: #fff
}

.sidebarMenu li ul {
	font-size: 13px;
	padding: 5px 0;
	background: #f6f6f6
}

.sidebarMenu ul li {
	background: 0 0;
	padding-top: 0
}

.sidebarMenu li ul a {
	background: url(ly_li.png) no-repeat 280px center;
	color: #666;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	border-bottom: none
}

.sidebarMenu li ul .cur,.sidebarMenu li ul a:hover {
	background: url(ly_li.png) no-repeat 280px center;
	color: #2a3d77
}

.sidebarMenu li ul ul a {
	font-size: 12px;
	padding-left: 55px;
	background: url(psub_li.png) no-repeat 40px center;
	height: 30px;
	line-height: 30px;
	color: #777
}

.sidebarMenu li ul ul a.cur,.sidebarMenu li ul ul a:hover {
	background: url(psub_lih.png) no-repeat 40px center
}

.leftTel {
	margin-top: 10px;
	background: #eee;
	padding: 30px;
	border-top: 1px solid #e1e1e1
}

.leftTel strong {
	font-size: 28px;
	color: #333;
	font-weight: 400;
	margin-bottom: 10px;
	display: block;
	line-height: 30px
}

.leftTel p {
	margin-bottom: 10px;
	line-height: 20px
}

.leftTel h4 {
	font-size: 14px;
	color: #333;
	margin-bottom: 25px
}

.leftTel h4 span {
	font-size: 20px;
	color: #0452bb
}

.leftTel a {
	width: 105px;
	height: 30px;
	background: #0452bb;
	color: #fff;
	text-align: center;
	display: inline-block;
	line-height: 30px
}

.leftTel a:hover {
	width: 160px
}

.listRight {
	width: 980px;
	float: right;
	overflow: hidden;
	padding-top: 40px
}

.proList ul {
	width: 100%
}

.proList li {
	float: left;
	width: 310px;
	margin: 0 25px 20px 0
}

.proList li .pImg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	position: relative
}

.proList li img {
	width: 100%;
	height: 216px;
	transition: all .5s
}

.proList li h5 {
	font-weight: 400;
	text-align: center;
	height: 40px;
	line-height: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px
}

.proList li .pImg:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(6,79,150,.7);
	transition: all .25s;
	transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform-origin: top;
	z-index: 2
}

.proList li .pImg:after {
	content: "";
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(pmore.png) no-repeat;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	opacity: 0;
	transition: all .25s;
	z-index: 3
}

.proList li:hover img {
	transform: scale(1.1)
}

.proList li:hover .pImg:before {
	transform: perspective(200px) rotateX(0)
}

.proList li:hover .pImg:after {
	transition-delay: .1s;
	margin-top: -27px;
	opacity: 1
}

.rec-title {
	padding-left: 20px;
	height: 35px;
	line-height: 35px;
	background: url(page_line.jpg) no-repeat 10px 10px #e8e8e8;
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.product-show-pic {
	width: 600px;
	height: 520px;
	margin: auto
}

.jqzoom {
	float: left;
	border: none;
	position: relative;
	padding: 0;
	cursor: pointer;
	margin: 0;
	display: block
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 310px;
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	text-align: center;
	overflow: hidden
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #fff;
	opacity: .5;
	-moz-opacity: .5;
	-khtml-opacity: .5
}

.spec-preview {
	width: 500px;
	height: 350px;
	border: 1px solid #ccc;
	display: table-cell;
	vertical-align: middle
}

.spec-scroll {
	margin-top: 10px;
	width: 500px;
	height: 70px;
	overflow: hidden;
	position: relative
}

.spec-scroll a.next,.spec-scroll a.prev {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	cursor: pointer;
	transition: all 0s;
	height: 70px;
	width: 25px;
	color: #fff;
	font-family: "宋体";
	font-size: 25px;
	line-height: 70px;
	text-align: center;
	z-index: 5
}

.spec-scroll a.next {
	left: auto;
	right: 0
}

.spec-scroll a:hover {
	background: rgba(0,0,0,.9)
}

.spec-scroll .items {
	position: relative;
	width: 500px;
	height: 70px;
	margin: 0 auto;
	overflow: hidden
}

.spec-scroll .items ul {
	position: absolute;
	width: 520px;
	height: 70px
}

.spec-scroll .items ul li {
	width: 98px;
	height: 70px;
	float: left
}

.spec-scroll .items ul li img {
	width: 85px;
	height: 68px;
	cursor: pointer;
	border: 1px solid #ccc
}

.spec-scroll .items ul .on img,.spec-scroll .items ul li img:hover {
	border: 1px solid #005cd5
}

.proshow_synopsis {
	width: 430px;
	color: #aaa;
	font-size: 14px;
	line-height: 30px;
	height: 460px;
	border-radius: 3px
}

.proshow_synopsis .title {
	font-size: 24px;
	color: #2a3d77;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 15px;
	padding-bottom: 0;
	font-weight: 400;
	padding-bottom: 15px
}

.proshow_synopsis strong {
	color: #333;
	font-weight: 400
}

.proshow_synopsis .font {
	line-height: 24px;
	overflow: hidden;
	height: 130px;
	margin-bottom: 20px
}

.proshow_synopsis .font strong {
	float: left;
	width: 45px
}

.proshow_synopsis .font div {
	float: right;
	width: 355px
}

.prodcut-tel {
	padding-left: 40px;
	margin-bottom: 20px;
	line-height: 26px;
	background: url(p_icon.png) no-repeat left 8px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px
}

.prodcut-tel span {
	font-family: arial;
	font-size: 24px;
	color: #2a3d77;
	display: block
}

.proshow_synopsis .btn a {
	width: 200px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #dadada;
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 5px
}

.proshow_synopsis .btn a i {
	display: inline-block;
	width: 4px;
	height: 8px;
	background: url(arr_p.png) no-repeat;
	margin-left: 10px;
	position: relative;
	top: -2px
}

.proshow_synopsis .btn a:hover {
	border: 1px solid #2a3d77;
	color: #2a3d77
}

.proShow_menu {
	height: 40px;
	border-bottom: 1px solid #bfbfbf;
	font-size: 20px;
	color: #333;
	margin-bottom: 30px
}

.proShow_menu span {
	margin-right: 40px;
	cursor: pointer;
	display: inline-block;
	height: 40px
}

.proShow_menu span.on {
	color: #2a3d77;
	border-bottom: 1px solid #2a3d77
}

.mainBox {
	padding-top: 35px;
	display: none;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
}

.mainBox p + p {
	padding-top: 15px;
}

.mainBox img {
	vertical-align: bottom;
	display: block;
}

.mainBox2 li {
	height: 45px;
	line-height: 45px;
	margin-bottom: 5px
}

.mainBox2 li a {
	display: block;
	background: #f1f2f7 url(pdf.png) no-repeat 15px center;
	padding: 0 15px;
	padding-left: 50px
}

.mainBox2 li span {
	float: right;
	background: url(down.png) no-repeat left center;
	padding-left: 30px
}

.mainBox2 li a:hover {
	background-color: #eee
}

.aBox {
	padding: 60px 0;
	overflow: hidden
}

.aboutBox1 .font {
	font-size: 14px;
	padding-top: 15px
}

.aboutBox1 .tie {
	font-size: 20px;
	color: #2a3d77;
	margin-bottom: 30px;
	text-align: center;
	font-size: 24px
}

.aboutBox1 .pic {
	display: block;
	width: 740px;
	height: 480px;
	overflow: hidden
}

.aboutBox1 .txt {
	overflow-y: auto;padding-left: 15px;padding-right: 15px
}

.honor {
	background: #efefef
}

.honorSlide {
	height: 410px;
	overflow: hidden
}

.honor ul {
	width: 1370px
}

.honor li {
	float: left;
	width: 325px;
	background: #fff;
	text-align: center;
	margin-right: 13px
}

.honor li .pImg {
	width: 325px;
	height: 345px;
	display: block;
	overflow: hidden
}

.honor li img {
	width: 325px;
	height: 345px;
	transition: all .5s
}

.honor li p {
	height: 64px;
	line-height: 64px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-top: 1px solid #e3e3e3
}

.honor li:hover img {
	transform: scale(1.1)
}

.honor .more {
	display: table;
	margin: 0 auto;
	margin-top: 40px
}

.historyR {
	width: 580px;
	height: 475px;
	overflow: hidden;
	position: relative;
	padding-left: 30px
}

.historyR::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #ddd
}

.historyR li {
	height: 54px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-left: 80px;
	position: relative
}

.historyR li span {
	font-size: 18px;
	float: left;
	width: 80px;
	margin-left: -80px;
	color: #333;
	font-weight: 700
}

.historyR li::after {
	content: "";
	position: absolute;
	left: -40px;
	background: #eee;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	top: 0
}

.aboutBox4 .font {
	padding: 50px;
	font-size: 16px;
	color: #191919;
	line-height: 46px;
	text-align: center;
	background: #efefef;
	width: 100%
}

.aboutBox4 h4 {
	padding: 80px 40px 0 100px;
	font-size: 16px;
	color: #191919;
	line-height: 46px
}

.aboutBox4 h4 span {
	display: block;
	opacity: .5;
	font-family: Arial;
	font-size: 12px
}

.aboutBox4 .pImg {
	width: 100%;
	overflow: hidden;
	transition: all .5s;
	display: block;
	text-align: center
}

.course {
	padding: 80px 0 80px 0;
	margin-bottom: 10px;
	background: #ececec
}

.course .picScroll-left {
	position: relative;
	overflow: hidden
}

.course .picScroll-left hr {
	position: absolute;
	top: 55px;
	left: 0;
	border: none;
	width: 100%;
	height: 1px;
	background: #ddd
}

.course .picScroll-left .tempWrap {
	width: 1200px
}

.course .picScroll-left .next,.course .picScroll-left .prev {
	padding: 5px 30px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	border-radius: 10px 0 0 10px;
	display: inline-block;
	background: #666
}

.course .picScroll-left .next {
	left: inherit;
	border-radius: 0 10px 10px 0
}

.course .picScroll-left .arrow {
	margin-top: 50px;
	width: 100%;
	text-align: center
}

.course .picScroll-left .arrow a:hover {
	background: #2a3d77
}

.course .picScroll-left h4 {
	display: block;
	width: 100%;
	height: 1px;
	border: none;
	background: #ddd
}

.course .picScroll-left .list li {
	float: left;
	width: 268px;
	text-align: center
}

.course .picScroll-left .list li em {
	display: block;
	margin: auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px #9c9c9c solid;
	padding: 1px;
	background: #f9f9f9
}

.course .picScroll-left .list li h3 {
	color: #2a3d77;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	height: 50px;
	padding: 10px 0
}

.course .picScroll-left .list li p {
	color: #666;
	font-size: 12px;
	height: 60px;
	line-height: 20px
}

.course .picScroll-left .list li.one p {
	margin-top: 10px
}

.honorList {
	background: 0 0
}

.honorList li {
	width: 310px;
	border: 1px solid #e3e3e3;
	margin: 0 30px 30px 0;
	transition: all .3s
}

.honor li .pImg,.honor li img {
	width: 310px
}

.honorList li:hover {
	box-shadow: 0 2px 6px #ddd
}

.picList ul {
	width: 1020px
}

.picList li {
	float: left;
	width: 310px;
	margin: 0 25px 30px 0;
	position: relative;
	border-bottom: 1px solid #d9d9d9
}

.picList li .pImg {
	display: block;
	width: 310px;
	height: 200px;
	overflow: hidden
}

.picList li img {
	width: 310px;
	height: 200px;
	transition: all .5s
}

.picList li p {
	height: 60px;
	line-height: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.picList li:hover img {
	transform: scale(1.1)
}

.settingTop:hover img {
	transform: scale(1.05)
}

.picList li::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #2a3d77;
	transition: transform .3s;
	transform-origin: right;
	transform: scale(.1)
}

.picList li:hover::after {
	transform: scale(1.1);
	transform-origin: left
}

.hisrotyList ul {
	padding-top: 35px;
	overflow: hidden;
	position: relative
}

.hisrotyList ul:before {
	content: "";
	position: absolute;
	left: 50%;
	background: #dbdbdb;
	width: 1px;
	height: 100%;
	top: 0
}

.hisrotyList li {
	width: 535px;
	position: relative;
	margin-bottom: 10px;
	min-height: 60px
}

.hisrotyList li:after,.hisrotyList li:before {
	content: "";
	position: absolute;
	border-radius: 100%;
	transition: all .3s
}

.hisrotyList li:before {
	right: 2px;
	top: 5px;
	width: 10px;
	height: 10px;
	border: 2px solid #333
}

.hisrotyList li:after {
	width: 6px;
	height: 6px;
	background: #333;
	top: 9px;
	right: 6px
}

.hisrotyList li.right:before {
	right: auto;
	left: 4px
}

.hisrotyList li.right:after {
	right: auto;
	left: 8px
}

.hisrotyList li span {
	color: #333;
	width: 110px;
	font-size: 16px;
	text-align: center
}

.hisrotyList .left {
	float: left;
	padding-right: 145px;
	text-align: right
}

.hisrotyList .left span {
	margin-right: -110px;
	float: right
}

.hisrotyList .left p {
	border-right: 1px solid #ddd;
	padding-right: 20px
}

.hisrotyList .right {
	float: right;
	padding-left: 145px
}

.hisrotyList .right span {
	margin-left: -110px;
	float: left
}

.hisrotyList .right p {
	border-left: 1px solid #ddd;
	padding-left: 20px
}

.hisrotyList .txt {
	text-align: center;
	padding: 25px 50px;
	background: #f5f5f5
}

.solutionFont {
	overflow: hidden;
	margin-bottom: 50px
}

.solutionFont .font {
	width: 480px;
	padding-top: 15px
}

.solutionFont .tie {
	font-size: 36px;
	color: #333;
	line-height: 36px;
	margin-bottom: 40px
}

.solutionFont .tie span {
	display: block;
	font-size: 14px;
	opacity: .5;
	font-family: Arial
}

.solutionFont .pic,.solutionFont .pic img {
	width: 790px;
	height: 480px;
	overflow: hidden;
	transition: all .5s
}

.solutionFont .pic:hover img {
	transform: scale(1.1)
}

.supportBox1 {
	overflow: hidden;
	margin-bottom: 60px;
	background: #f0f0f0
}

.supportBox1 .menu,.supportBox2 .menu {
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #d8d8d8;
	background: #f0f0f0
}

.supportBox1 .menu a,.supportBox2 .menu a {
	color: #333;
	width: 445px;
	display: inline-block;
	border-right: 1px solid #d8d8d8
}

.supportBox1 .menu a:last-child,.supportBox2 .menu a:last-child {
	border-right: none
}

.supportBox1 .menu a.on,.supportBox2 .menu a.on {
	background: #2a3d77;
	color: #fff
}

.supportBox1 .main {
	height: 405px;
	overflow: hidden
}

.download li {
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 70px
}

.download li p {
	background: url(pdfIcon.png) no-repeat left center;
	padding-left: 35px
}

.download li a {
	float: right;
	width: 100px;
	height: 26px;
	line-height: 26px;
	background: #2a3d77;
	color: #fff;
	text-align: center;
	margin-top: 28px
}

.download li a:hover {
	background: #002c6b;
	color: #fff
}

.download li.more {
	text-align: center
}

.download li.more a {
	float: none;
	display: inline-block;
	background: #f0f0f0;
	color: #333
}

.download li.more i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(mIcon.png) no-repeat;
	margin-left: 10px
}

.download li.more a:hover {
	background: #2a3d77;
	color: #fff
}

.download li:hover {
	background: #f5f5f5
}

.supportBox2 .main {
	margin-top: 20px;
	overflow: hidden;
	background: #f0f0f0
}

.preSale .pImg,.preSale .pImg img {
	width: 670px;
	height: 445px;
	overflow: hidden;
	transition: all .5s
}

.preSale:hover img {
	transform: scale(1.1)
}

.preSale .font {
	padding: 40px 60px;
	width: 550px;
	overflow: hidden
}

.preSale .tel {
	background: url(tel.png) no-repeat left center;
	padding-left: 40px;
	margin-top: 40px
}

.preSale .tel span {
	display: block;
	font-size: 26px;
	font-family: Arial;
	color: #2a3d77;
	font-weight: 700
}

.supportFaq li {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 1px
}

.supportFaq li a {
	display: block;
	padding: 0 50px;
	background: url(ly_li.png) no-repeat 40px center
}

.supportFaq li a:hover {
	background-color: #eee
}

.supportFaq li span {
	float: right;
	color: #999
}

.downList li {
	height: auto;
	line-height: 26px;
	padding: 15px 0;
	transition: all .3s
}

.downList li a {
	margin-top: 0
}

.downList li:hover {
	background: #f5f5f5;
	padding: 15px 10px
}

.faqList li {
	position: relative;
	margin-bottom: 25px
}

.faqList li:after {
	content: '';
	position: absolute;
	top: 12px;
	right: 16px;
	display: block;
	width: 30px;
	height: 30px;
	background: #2a3d77;
	pointer-events: none
}

.faqList li h3:after,.faqList li h3:before {
	content: '';
	position: absolute;
	top: 26px;
	right: 23px;
	z-index: 2;
	width: 16px;
	height: 2px;
	background: #fff
}

.faqList li h3:before {
	width: 2px;
	height: 16px;
	top: 19px;
	right: 30px;
	-webkit-transition: .3s;
	transition: .3s
}

.faqList li.act h3:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.faqList li h3 {
	position: relative;
	padding: 0 60px 0 25px;
	background-color: #f1f1f1;
	line-height: 54px;
	font-size: 16px;
	cursor: pointer;
	font-weight: 400;
	border: 1px solid #e1e1e1
}

.faqList li div {
	display: none;
	padding: 25px;
	line-height: 25px;
	color: #7c7c7c;
	-webkit-animation: fadeIn .5s ease-out .2s both;
	animation: fadeIn .5s ease-out .2s both;
	font-size: 14px;
	background: #f5f5f5
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.caseList {
	overflow: hidden
}

.caseList ul {
	width: 1360px
}

.caseList li {
	width: 315px
}

.caseList li img,.picList li .pImg {
	width: 315px
}

.partnerBox {
	background: #f5f5f5
}

.caseList2,.partnerList {
	padding: 0
}

.newsLit_top {
	height: 435px;
	overflow: hidden;
	margin-bottom: 40px
}

.newsLit_top .nImg {
	float: left;
	width: 600px;
	height: 435px;
	overflow: hidden
}

.newsLit_top .nImg img {
	width: 600px;
	height: 435px;
	transition: all .8s
}

.newsLit_top .txt {
	border: 1px solid #eaeaea;
	padding: 49px 69px;
	border: 1px solid #eaeaea;
	float: right;
	width: 740px;
	height: 435px
}

.newsLit_top .txt h4 {
	font-size: 24px;
	color: #333;
	font-weight: 400;
	margin-bottom: 30px;
	line-height: 30px
}

.newsLit_top .txt h4 a {
	color: #333
}

.newsLit_top .txt h4 a:hover {
	color: #2a3d77
}

.newsLit_top .txt h4 span {
	display: block;
	font-size: 14px;
	color: #2a3d77;
	font-family: Arial
}

.newsLit_top .txt p {
	min-height: 160px;
	margin-bottom: 30px
}

.newsLit_top .txt .more {
	display: inline-block;
	width: 160px;
	height: 45px;
	line-height: 45px;
	background: #2a3d77;
	color: #fff;
	text-align: center;
	border-radius: 23px
}

.newsLit_top .txt .more:hover {
	width: 200px;
	background: #002c6b
}

.newsLit_top:hover img {
	transform: scale(1.06)
}

.newsList li {
	border: 1px solid #e2e2e2;
	padding: 30px;
	overflow: hidden;
	margin-bottom: 30px;
	transition: all .3s
}

.newsList li .font {
	width: 920px;
	overflow: hidden;
	color: #333;
	padding-top: 40px
}

.newsList li .date {
	width: 80px;
	height: 110px;
	background: #2b2b2b;
	color: #fff;
	padding-left: 20px;
	font-size: 20px;
	font-family: Arial;
	position: relative;
	margin-right: 40px;
	transition: all .4s
}

.newsList li .date span {
	display: block;
	opacity: .8;
	padding-top: 35px;
	font-size: 14px
}

.newsList li .date:after {
	position: absolute;
	content: "";
	width: 50px;
	left: 60px;
	background: #555;
	height: 1px;
	top: 10px;
	width: 0;
	transition: all .3s
}

.newsList li h4 {
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px
}

.newsList li .txt {
	color: #666
}

.newsList li .pic {
	width: 260px;
	height: 195px;
	overflow: hidden
}

.newsList li img {
	width: 260px;
	transition: all .5s;
	height: 195px
}

.newsList li:hover .date {
	margin-right: 60px
}

.newsList li:hover .date:after {
	width: 80%
}

.newsList li:hover h4 {
	color: #2a3d77
}

.newsList li:hover img {
	transform: scale(1.1)
}

.newsList li:hover {
	box-shadow: 0 5px 10px #eee
}

.picShow_l {
	width: 940px;
	overflow: hidden;
	line-height: 32px
}

.picShow_l .title {
	font-size: 32px;
	color: #333;
	margin-bottom: 10px
}

.picShow_l .date {
	margin-bottom: 40px;
	color: #777
}

.picShow_l .date span {
	margin-left: 20px
}

.picShow_l .main {
	margin-bottom: 50px;
	overflow: hidden
}

.show-synopsis {
	background: #f7f8fa;
	padding: 15px
}

.show-synopsis i {
	display: inline-block;
	width: 15px;
	background: url(a_l.png) no-repeat;
	height: 15px;
	margin-right: 5px
}

.show-synopsis .r {
	background: url(a_r.png) no-repeat;
	margin-left: 5px;
	margin-right: 0
}

.picShow_main {
	overflow: hidden;
	margin: 40px 0
}






.previousa {
	height: 60px;
	line-height: 60px;
	border: 1px solid #bbb;
	overflow: hidden
}

.previousa a {
	float: left;
	width: 602px;
	text-align: left;
	padding: 0 16px
}

.previousa a i {
	font-style: normal;
	margin-right: 10px
}

.previousa .back {
	width: 130px;
	text-align: center;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb
}

.previousa a:hover {
	background: #2a3d77;
	color: #fff
}









.previous {
	height: 60px;
	line-height: 60px;
	border: 1px solid #bbb;
	overflow: hidden
}

.previous a {
	float: left;
	width: 405px;
	text-align: left;
	padding: 0 16px
}

.previous a i {
	font-style: normal;
	margin-right: 10px
}

.previous .back {
	width: 124px;
	text-align: center;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb
}

.previous a:hover {
	background: #2a3d77;
	color: #fff
}

.picShow_r {
	width: 335px;
	overflow: hidden
}

.picShow_r .title {
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #d9d9d9;
	height: 40px;
	margin-bottom: 25px
}

.picShow_r .title span {
	display: inline-block;
	border-bottom: 1px solid #2a3d77;
	height: 40px
}

.relativeNews {
	margin-bottom: 20px;
	overflow: hidden
}

.picShow_r li {
	border-bottom: 1px dotted #bfbfbf;
	padding-bottom: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 12px
}

.picShow_r li .pImg {
	width: 120px;
	float: left;
	margin-right: 20px;
	height: 90px;
	overflow: hidden
}

.picShow_r li .pImg img {
	width: 120px;
	height: 90px;
	transition: all .5s
}

.picShow_r li h4 {
	font-size: 15px;
	margin-bottom: 10px
}

.picShow_r li h4 a {
	color: #222
}

.picShow_r li h4 a:hover {
	color: #2a3d77
}

.picShow_r li:hover img {
	transform: scale(1.1)
}

.side_phone {
	background: #e9e9e9;
	border-top: 1px solid #2a3d77;
	padding: 15px
}

.side_phone h4 {
	margin-top: 15px;
	background: url(p_icon.png) no-repeat left center;
	padding-left: 45px;
	margin-left: 40px;
	line-height: 1.2
}

.side_phone h4 span {
	display: block;
	font-size: 28px;
	font-family: Arial;
	color: #333
}

.contactBox1 .left {
	float: left;
	width: 550px
}

.contactBox1 .right {
	float: right;
	width: 750px
}

.contactBox1 .tel {
	padding-left: 80px;
	border-left: 3px solid #2a3d77;
	background: url(tel.png) no-repeat 40px center;
	width: 280px
}

.contactBox1 .tel span {
	display: block;
	font-size: 26px;
	color: #2a3d77;
	font-family: Arial;
	font-weight: 700
}

.contactBox1 .font {
	width: 1050px;
	padding-left: 50px;
	font-size: 12px;
	border-left: 1px dotted #ccc;
	min-height: 100px
}

.contactBox1 .font h3 {
	font-size: 22px;
	color: #333;
	margin-bottom: 10px
}

.contactBox1 .font p {
	padding-left: 15px;
	height: 50px;
	line-height: 50px
}

#map {
	position: relative
}

#dituContent {
	width: 100%;
	height: 350px
}

#map .btn {
	position: absolute;
	z-index: 90;
	bottom: 20px;
	text-align: center;
	width: 100%
}

#map .btn span {
	cursor: pointer;
	width: 160px;
	height: 55px;
	line-height: 55px;
	background: #fff;
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
	box-shadow: 0 0 8px #ccc
}

#map .btn span i {
	display: inline-block;
	width: 14px;
	height: 18px;
	background: url(map.png) no-repeat left 0;
	margin-right: 8px;
	position: relative;
	top: 3px
}

#map .btn span.on {
	background: #2a3d77;
	color: #fff
}

#map .btn span.on i {
	background-position: 0 -18px
}

.caseList {
	overflow: hidden
}

.caseList ul {
	width: 1360px
}

.caseList li {
	width: 315px
}

.caseList li img,.picList li .pImg {
	width: 315px
}

.partnerBox {
	background: #f5f5f5
}

.caseList2,.partnerList {
	padding: 0
}

.partner {
	padding: 80px 0;
	overflow: hidden
}

.partner .tone {
	text-align: center;
	margin: 10px 0 50px 0
}

.partner .tone li {
	display: inline-block
}

.partner .tone li a {
	display: block;
	padding: 12px 50px;
	border: 1px #ddd solid;
	font-size: 16px;
	color: #666
}

.partner .tone li.active a {
	color: #fff;
	background: #2a3d77
}

.partner .list {
	padding-left: 1px
}

.partner .list li {
	float: left;
	width: 335px;
	height: 210px;
	border: 1px solid #d9d9d9;
	margin-left: -1px;
	margin-top: -1px;
	overflow: hidden;
	position: relative
}

.partner .list li img {
	width: 335px;
	height: 210px;
	transition: all .4s;
	position: relative;
	top: 0
}

.partner .list li p {
	text-align: center;
	color: #fff;
	background: #2a3d77;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .4s;
	position: relative;
	z-index: 1
}

.partner .list li:hover p {
	margin-top: -38px
}

.partner .list li:hover img {
	top: -15px
}

.partner .list li:hover {
	border: 1px solid #2a3d77;
	z-index: 1
}

.caseList-2 li {
	overflow: hidden;
	height: 400px;
	background: #f5f5f5;
	margin-bottom: 20px
}

.caseList-2 li .pic {
	display: block;
	width: 670px;
	height: 400px;
	float: left;
	overflow: hidden
}

.caseList-2 li .pic img {
	display: block;
	width: 670px;
	transition: all .4s
}

.caseList-2 li .txt {
	width: 670px;
	float: right;
	padding: 50px
}

.caseList-2 li h3 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 40px;
	color: #191919
}

.caseList-2 li p {
	height: 160px;
	margin-bottom: 20px;
	overflow: hidden
}

.caseList-2 li:nth-child(2n) .pic {
	float: right;
	margin-right: 0
}

.caseList-2 li:nth-child(2n) .txt {
	float: left
}

.caseList-2 li:hover img {
	transform: scale(1.08)
}

.caseList-2 li a {
	display: inline-block;
	text-align: center
}

.caseShow .title {
	text-align: center;
	font-size: 24px;
	color: #000;
	margin-bottom: 10px;
	font-weight: 400
}

.caseShow .p1 {
	margin-bottom: 25px;
	text-align: center;
	color: #666;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px
}

.caseShow .p1 span {
	margin-right: 15px
}

.caseShow_font1 {
	margin-bottom: 30px;
	overflow: hidden
}

.footer {
	padding: 50px 0;
	background: #1f1f1f
}

.footer .nav {
	width: 100%;
	margin-bottom: 35px
}

.footer .nav li {
	float: left;
	margin-right: 25px;
	padding-right: 26px;
	border-right: 1px #ccc dotted/*! line-height: 17px; *//*! display: block; *//*! height: 15px; */
}

.footer .nav li a {
	display: block;
	color: #fff;
	line-height: 20px;
	font-size: 14px;
	line-height: 15px
}

.footer .nav li a:hover {
	color: #2a3d77
}

.footer .nav li:last-child {
	border: none
}

.footer .logo {
	margin-right: 50px;
	width: 250px
}

.footer .logo img {
	max-width: 100%;
	display: block;
	margin-bottom: 10px;
	padding-top: 25px
}

.footer .logo a {
	display: inline-block;
	color: #999;
	font-size: 14px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px #aaa dotted;
	line-height: 15px
}

.footer .logo a:last-child {
	border: none
}

.footer .logo a:hover {
	color: #fff
}

.footer .copy {
	color: #999;
	font-size: 12px;
	width: 550px
}

.footer .copy a {
	color: #999;
	font-size: 12px
}

.footer .copy a:hover {
	color: #fff
}

.footer .right {
	width: 200px
}

.footer .right .tel {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin-top: 15px;
	float: left;
	width: 100%
}

.footer .link {
/*! padding:10px 20px; */
	position: relative;
/*! float: left; */
	margin: auto;
	display: table
}

.footer .link h3 {
	position: relative;
	float: left;
	width: 180px;
	padding: 4px 30px 4px 0;
	text-align: center;
	color: #999;
	font-size: 14px;
	border: 1px #666 solid
}

.footer .link h3:before {
	content: "";
	position: absolute;
	right: 50px;
	top: 12px;
	width: 10px;
	height: 10px;
	background: url(arrow_04.png) no-repeat
}

.footer .link .top {
	display: none;
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	padding: 5px 10px;
	border: 1px #666 solid;
	background: #404040
}

.footer .link:hover .top {
	display: block
}

.footer .link a {
	display: block;
	color: #999;
	padding: 4px 1px;
	font-size: 14px;
/*! line-height: 10px; */
	border-bottom: 1px #666 dashed;
	text-align: center
}

.footer .link a:hover {
	color: #fff
}

.footer .link:hover h3 {
	color: #fff
}

.footer .link a:last-child {
	border: none
}

.footer .ewm {
	width: 90px;
	text-align: center;
	padding: 5px 5px 0 5px;
	margin-left: 50px;
	color: #212121;
	font-size: 12px;
	background: #fff
}

.footer .ewm img {
	margin-bottom: 2px;
	display: block;
	width: 80px
}

.munu-2 {
	margin: 20px 0 50px 0;
	padding: 20px 0;
/*! border-top:1px #ddd dotted; */
	border-bottom: 1px #aaa dotted;
	overflow: hidden
}

.munu-2 a {
	display: block;
	float: left;
	padding: 10px 20px;
	color: #666;
	margin-right: 10px
}

.munu-2 a.cur,.munu-2 a:hover {
	color: #fff;
	background: #2a3d77
}

.product-list {
	margin: 80px 0
}

.product-list li {
	float: left;
	width: 436px;
	margin: 0 5px 20px 5px;
	padding: 25px;
	border: 1px solid #eee
}

.product-list li .pImg {
	display: block;
	width: 100%;
	height: 330px;
	overflow: hidden;
	position: relative
}

.product-list li img {
	width: 100%;
	height: 100%;
	transition: all .5s
}

.product-list li h5 a {
	display: block;
	font-weight: 400;
	margin: 20px 0 10px 0;
	font-size: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}

.product-list li span {
	display: inline-block;
	padding: 10px 0;
	font-size: 18px;
	color: #666
}

.product-list li span font {
	display: block;
	color: #999;
	font-size: 14px
}

.product-list li .more {
	vertical-align: middle;
	width: 100%;
	line-height: 50px;
	font-size: 16px;
	display: block;
	text-align: center;
	background: #eee;
	margin-top: 30px
}

.product-list li span.b-1 {
	width: 100%
}

.product-list li span.b-2 {
	width: 49%
}

.product-list li:hover {
	transform: translateY(-10px)
}

.product-list li:hover h5 a {
	color: #2a3d77
}

.product-list li:hover .pImg img {
	transform: scale(1.1)
}

.product-list li:hover .more {
	color: #fff;
	background: #2a3d77
}

.product-list li:hover {
	box-shadow: 0 0 10px #ddd
}

.proshow {
	margin-top: 50px;
	clear: both
}

.proshow .titBox {
	padding: 20px 50px;
	background: #eee;
	overflow: hidden
}

.proshow .titBox .title {
	float: left;
	color: #333;
	font-size: 30px
}

.proshow .titBox span {
	float: left;
	margin-right: 40px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	font-size: 16px;
	padding-bottom: 0
}

.proshow .titBox span.active {
	color: #2a3d77;
	border-bottom: 1px solid #2a3d77
}

.proshow .titBox a {
	color: #fff;
	padding: 10px 30px;
	margin-left: 20px;
	background: #2a3d77
}

.proshow .titBox a:hover {
	background: #333
}

.proshow .down {
	margin: 0
}

.proshow .down img {
	width: auto
}

.proshow .edit {
	margin: 20px 0 70px
}

.proshow .edit table {
	width: 100%!important;
	margin: 0 0 40px
}

.proshow .edit table,.proshow .edit td,.proshow .edit tr {
	border: 1px solid #e6e6e6
}

.proshow .edit table tr {
	line-height: 36px
}

.proshow .edit table td {
	text-align: center;
	vertical-align: middle
}

.proshow .edit table br {
	display: none
}

.morebox {
	position: relative;
	font-size: 14px;
	color: #fff;
	padding: 5px 25px;
	background: #2a3d77
}

.morebox:hover {
	background: #989898
}